@charset "utf-8";
/*create by 2015-07-07*/
body{ background:#f7f7f7; font:14px/1.15 "Microsoft Yahei",Arial,Helvetica,sans-serif; position:relative; overflow-x:hidden;}
.head{width:960px; height:84px; margin:0 auto; overflow:hidden;}
.head .logo{float:left; width:272px; overflow:hidden;}
.head .logo a{float:left; width:133px; height:38px; margin:23px 10px 0 1px; overflow:hidden;}
.head .logo var{ float:left; width:1px; height:23px; background:url(img/base-bg.png) no-repeat 0 0;margin-top:32px;}
.head .logo p{float:left; width:115px; height:46px; padding-left:12px; margin-top:28px; }
.head .logo p font{ display:block; white-space:nowrap; font-size:12px; }

/*nav*/
.nav{ float:right; width:560px; height:38px; margin:23px auto 0; }
.nav .nav-menu{ display:block; width:594px;  height:38px;}
.nav .nav-menu li{ float:left; width:80px; height:38px; position:relative;}
.nav .nav-menu li a{ display:block; width:100%; height:100%; text-align:center; line-height:38px; font-size:14px; color:#363636; font-weight:bold; outline:none;  position:relative;}
.nav .nav-menu li a:link,.nav .nav-menu li a:visited{color:#363636; text-decoration:none;}
.nav .nav-menu li a:hover{color:#e9474b;}
.nav .nav-menu li.on{color:#e9474b;}
.nav .nav-menu li.on a.nav-link,.nav .nav-menu li.hover a.nav-link{color:#e9474b;}
.nav .nav-menu a{float:left; width:65px; height:50px; line-height:50px;  text-align:center;  white-space:nowrap; font-size:14px; overflow:hidden;  cursor:pointer;}
.nav .nav-menu li span{ display:none; width:100%; position:absolute; top:27px; left:0; z-index:9;}
.nav .nav-menu li.hover span{ display:block;} 
.nav .nav-menu li span a{ display:block; width:100%; height:27px; margin-top:0px; position:relative;color:#fff;}
.nav .nav-menu li span a.selected,.nav .nav-menu li span a:hover{color:#f39800;}
.nav .nav-menu li span a var{ display:block; width:100%; height:27px; background:#444444; filter:alpha(opacity=90);opacity:0.9;-moz-opacity:0.9; }
.nav .nav-menu li span a b{ display:block; width:100%; height:27px; line-height:27px;font-weight:normal; position:absolute; top:0; left:0; text-align:center; z-index:9;}
.head .tab-web{ float:right; width:90px; height:18px; overflow:hidden; margin:33px 0 0 0;}
.head .tab-web a{float:left; width:20px; height:18px; margin-right:12px;  background-repeat:no-repeat; text-indent:-999em; cursor:pointer;}
.head .tab-web a.cn{background:url(img/base-sprite.png) no-repeat 0 0;}
.head .tab-web a.hk{background:url(img/base-sprite.png) no-repeat -32px 0;}
.head .tab-web a.en{background:url(img/base-sprite.png) no-repeat -62px 0; margin-right:0;}

.head .tab-web a.cn:hover{background:url(img/base-sprite.png) no-repeat -87px 0;}
.head .tab-web a.hk:hover{background:url(img/base-sprite.png) no-repeat -119px 0;}
.head .tab-web a.en:hover{background:url(img/base-sprite.png) no-repeat -149px 0; margin-right:0;}

.x-slide{width:100%;  margin:0 auto; position:relative;cursor: pointer;}
.x-slide ul{display:block; width:100%; overflow:hidden;}
.x-slide li{display:block; width:100%;  position:absolute; top:0; left:0; height:100%}
.x-slide li img{display:block; width:100%;  border:0; height: 100%;}
.x-slide .btn{ width:100%; position:absolute; bottom:7px; left:0; text-align:center;}
.x-slide .btn span{ display:inline-block; *display:inline; *zoom:1;  vertical-align:middle; width:10px; height:10px; margin:0 5px; border-radius:50px; -webkit-border-radius:50px;  background:rgba(255,255,255,0.5);  overflow:hidden;  margin-right:5px; cursor:pointer; }
.x-slide .btn span.current{background:#fff; width:14px; height:14px;}

.content{ width:100%; margin:0 auto; background:#f7f7f7;}
.game-img{ width:964px; margin:0 auto; padding-top:22px;}
.game-img .av-img{float:left; width:226px; height:180px; margin:0 20px 20px 0; border-radius:8px; -webkit-border-radius:8px; overflow:hidden; position:relative;}
.game-img .av-img1{ width:472px;}
.game-img .av-img3{ margin-right:0;}
.game-img .av-img6{ width:472px; margin-right:0;}
.game-img .av-img img{height:180px; }
.game-img .av-img .cover{display:none; width:100%; height:100%; line-height:210px; text-align:center; font-size:18px; color:#fff; font-weight:bold; background:rgba(255,255,255,0.3); position:absolute; top:0; left:0; z-index:9; border-radius:8px; -webkit-border-radius:8px;}
.game-img .av-img:hover .cover{display:block;}


.game-img .more{clear:both; display:block; width:964px; margin:2px auto 23px;}
.game-img .more a{display:block; width:111px; height:39px; margin:0 auto; background:url(img/base-sprite.png) no-repeat 0 -26px; text-indent:-999em; overflow:hidden; cursor:pointer;}
.game-img .more a:hover{background:url(img/base-sprite.png) no-repeat -114px -26px;}

.fy-txt{width:964px; margin:0 auto; height:428px; border-radius:8px; -webkit-border-radius:8px; background:#fff;}
.fy-zixun{float:left; width:673px; padding:18px 0 0 21px; position:relative;}
.fy-media{float:right; width:205px; padding:18px 21px 0 0; position:relative;}
.fy-txt .f-head{width:100%; height:26px; overflow:hidden;} 
.fy-txt .f-head h1{display:block; width:100%; height:26px; position:relative;}
.fy-txt .f-head h1 var{ display:block; width:155px; height:26px; background-image:url(img/base-bg.png); overflow:hidden; text-indent:-999em;}
.fy-txt .fy-zixun .f-head h1 var{ background-position:0 -21px;}
.fy-txt .fy-media .f-head h1 var{ background-position:0 -48px;}
.fy-txt .fy-zixun .f-body{padding-top:16px; height:328px;}
.fy-txt .fy-zixun dl:after {content:".";clear:both;display:block;height:0;visibility:hidden;}
.fy-txt .fy-zixun dl{display:inline-block;}
.fy-txt .fy-zixun dl{display:block; height:96px; margin-bottom:18px; overflow:hidden;}
.fy-txt .fy-zixun dl dt{float:left; width:121px; height:81px; overflow:hidden;}
.fy-txt .fy-zixun dl dt img{ display:block; width:121px; height:81px; border:0;}
.fy-txt .fy-zixun dl dd{float:left; width:530px; padding-left:22px; overflow:hidden;}
.fy-txt .fy-zixun dl dd a,.fy-txt .fy-zixun dl dd a:link,.fy-txt .fy-zixun dl dd a:hover{ display:block; font-size:12px; color:#959595;}
.fy-txt .fy-zixun dl dd a b{display:block; font-size:14px; color:#626262; font-weight:bold;}
.fy-txt .fy-zixun dl dd a:link b,.fy-txt .fy-zixun dl dd a:visited b{color:#626262;}
.fy-txt .fy-zixun dl dd a:hover b{color:#e9474b;}
.fy-txt .fy-zixun dl dd a em{display:block; padding:8px 0;}
.fy-txt .fy-zixun dl dd a font{display:block; line-height:18px;  font-size:12px; }
.fy-txt .fy-media .f-body{padding-top:16px; height:328px; overflow:hidden;}
.fy-txt .fy-media p:after {content:".";clear:both;display:block;height:0;visibility:hidden;}
.fy-txt .fy-media p{display:inline-block;}
.fy-txt .fy-media p{display:block; height:80px;  overflow:hidden;}
.fy-txt .fy-media p.p2{border-top:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1; padding:20px 0;}
.fy-txt .fy-media p var{float:left; width:5px; height:8px; margin-top:5px; background:url(img/base-bg.png) no-repeat -195px 0; overflow:hidden;}
.fy-txt .fy-media p a{float:left; width:190px; padding-left:5px;}
.fy-txt .fy-media p a,.fy-txt .fy-media p a:link,.fy-txt .fy-media p a:hover{ display:block; color:#959595;}
.fy-txt .fy-media p a b{display:block; font-size:14px; color:#626262; font-weight:bold;}
.fy-txt .fy-media p a:hover b{color:#e9474b;}
.fy-txt .fy-media p a em{display:block; padding:8px 0; font-size:12px; }
.fy-txt .fy-media p a font{display:block; line-height:20px;}
.fy-txt .fy-media p.p3{ padding-top:20px;}

.fy-txt a.more{ display:block; width:100px; height:26px; line-height:27px; color:#b7b7b7; font-size:12px; font-family:Helvetica; white-space:nowrap; overflow:hidden; text-decoration:none; position:absolute; top:15px; right:-50px; z-index:9;}
.fy-txt a.more var{ display:inline-block; *display:inline; *zoom:1; vertical-align:middle; width:5px; height:8px; margin-right:5px; background:url(img/base-bg.png) no-repeat -195px 0;}
.fy-txt a.more:link,.fy-txt a.more:visited{color:#b7b7b7; text-decoration:none;}
.fy-txt a.more:hover{color:#e9474b;}
.fy-txt a.more:hover var{background:url(img/base-bg.png) no-repeat -195px -23px;}


.fy-hd{width:964px; margin:23px auto 0; }
.fy-hd .f-tab{float:left; width:718px; height:267px; overflow:hidden; border-radius:8px; -webkit-border-radius:8px; background:#fff;}
.fy-hd .f-tab .f-head{width:100%; height:55px; overflow:hidden;}
.fy-hd .f-tab .f-head h1{display:block; width:100%; height:100%;}
.fy-hd .f-tab .f-head h1 a{float:left; width:238px; height:54px; border-bottom:1px solid #f1f1f1; border-right:1px solid #f1f1f1;}
.fy-hd .f-tab .f-head h1 a.a3{ border-right:0;}
.fy-hd .f-tab .f-head h1 a var{ display:block; width:238px; height:2px; margin:-3px auto 0; background-repeat:no-repeat; overflow:hidden; text-indent:-999em;}
.fy-hd .f-tab .f-head h1 a span {width: 100%;height: inherit; display: block; margin: 0 auto;}
.fy-hd .f-tab .f-head h1 a .tab1{ background:url(img/base-sprite.png) no-repeat -400px -1344px;}
.fy-hd .f-tab .f-head h1 a .tab2{ background:url(img/base-sprite.png) no-repeat -638px -1344px;}
.fy-hd .f-tab .f-head h1 a .tab3{ background:url(img/base-sprite.png) no-repeat -866px -1344px;}
.fy-hd .f-tab .f-head h1 a:hover .tab1,.fy-hd .f-tab .f-head a.on .tab1{ background:url(img/base-sprite.png) no-repeat -400px -1408px;}
.fy-hd .f-tab .f-head h1 a:hover .tab2,.fy-hd .f-tab .f-head a.on .tab2{ background:url(img/base-sprite.png) no-repeat -638px -1408px;}
.fy-hd .f-tab .f-head h1 a:hover .tab3,.fy-hd .f-tab .f-head a.on .tab3{ background:url(img/base-sprite.png) no-repeat -866px -1408px;}
.fy-hd .f-tab .f-head h1 a:hover .v1,.fy-hd .f-tab .f-head h1 a.on .v1{border-bottom:2px solid #2c6ed5; }
.fy-hd .f-tab .f-head h1 a:hover .v2,.fy-hd .f-tab .f-head h1 a.on .v2{border-bottom:2px solid #f78302; }
.fy-hd .f-tab .f-head h1 a:hover .v3,.fy-hd .f-tab .f-head h1 a.on .v3{border-bottom:2px solid #9bdd06; }
.fy-hd .fy-join{float:right; width:226px;height:267px; overflow:hidden;}
.fy-hd .fy-join a img{ display:block; border:0; width:226px; height:267px;}
.fy-hd .f-tab .f-body{ width:100%; height:212px; overflow:hidden;}
.fy-hd .f-tab .f-body .c:after {content:".";clear:both;display:block;height:0;visibility:hidden;}
.fy-hd .f-tab .f-body .c{display:inline-block;}
.fy-hd .f-tab .f-body .c{display:block;}
.fy-hd .f-tab .f-body .c{ display:none;  min-height:150px; _height:150px;}
.fy-hd .f-tab .f-body .on{ display:block;}
.fy-hd .f-tab .f-body .gd-pic{float:right; width:313px; height:171px; padding:20px 30px 0 0; overflow:hidden; position:relative;}
.fy-hd .f-tab .gd-txt{float:left; width:305px; height:165px; padding:20px 0 0 30px; position:relative;}
.fy-hd .f-tab .gd-txt p{display:block; margin-bottom:10px; overflow:hidden;}
.fy-hd .f-tab .gd-txt p var{float:left; width:5px; height:8px; margin-top:5px; background:url(img/base-bg.png) no-repeat -195px 0; overflow:hidden;}
.fy-hd .f-tab .gd-txt p a{float:left; width:260px; padding-left:5px;}
.fy-hd .f-tab .gd-txt p a,.fy-hd .f-tab .gd-txt p a:link,.fy-hd .f-tab .gd-txt p a:hover{ display:block; color:#959595;}
.fy-hd .f-tab .gd-txt p a b{display:block; font-size:14px; color:#626262; font-weight:bold;}
.fy-hd .f-tab .gd-txt p a em{display:block; padding:5px 0; font-size:12px; line-height:18px;}
.fy-hd .f-tab .gd-txt p a font{display:block; line-height:20px;}
/* .fy-hd .f-tab .gd-txt .ck-btn{width: 100%; height: 100%;}
.fy-hd .f-tab .gd-txt .ck-btn:hover{background: rgba(255,255,255, 0.3);} */

/* .fy-hd .f-tab .gd-txt .ck-btn var{ display:inline-block; *display:inline; *zoom:1; vertical-align:middle; width:5px; height:8px; margin-left:5px; background:url(img/base-bg.png) no-repeat -202px -23px; } */
.fy-hd .f-tab .fy{width:718px; height:212px; position:relative;}
.fy-hd .f-tab .fy .ck-btn {
  width: 100%;
  height: 100%;
  display: block;
}
/* .fy-hd .f-tab .fy-pe .ck-btn{display:block; color:#ed1c24; width:80px; height:16px; text-align:left; line-height:16px;}
.fy-hd .f-tab .fy-pe .ck-btn{position:absolute; top:160px; right:40px;}
.fy-hd .f-tab .fy-pe .ck-btn:link,.fy-hd .f-tab .fy-pe .ck-btn:visited{color:#ff8300; text-decoration:none;}
.fy-hd .f-tab .fy-pe .ck-btn:hover{color:#ed1c24;}
.fy-hd .f-tab .fy-pe .ck-btn var{ display:inline-block; *display:inline; *zoom:1; vertical-align:middle; width:5px; height:8px; margin-left:5px; background:url(img/base-bg.png) no-repeat -195px -12px; }
.fy-hd .f-tab .fy-pe .ck-btn:hover var{background:url(img/base-bg.png) no-repeat -195px -23px; } */


/* .fy-hd .f-tab .fy-zc .ck-btn{display:block; color:#fff; width:80px; height:16px; text-align:left; line-height:16px;}
/* .fy-hd .f-tab .fy-zc .ck-btn{position:absolute; top:178px; left:51px;} */
/*.fy-hd .f-tab .fy-zc .ck-btn:link,.fy-hd .f-tab .fy-zc .ck-btn:visited{color:#fff; text-decoration:none;}
.fy-hd .f-tab .fy-zc .ck-btn:hover{color:#fff;}
.fy-hd .f-tab .fy-zc .ck-btn var{ display:inline-block; *display:inline; *zoom:1; vertical-align:middle; width:13px; height:13px; margin:3px 0 0 5px; background:url(img/base-bg.png) no-repeat -195px -38px; }
.fy-hd .f-tab .fy-zc .ck-btn:hover var{background:url(img/base-bg.png) no-repeat -212px -38px; } */



/* .fy-hd .f-tab .fy-pu .ck-btn{position:absolute; top:160px; left:40px;}
.fy-hd .f-tab .fy-pu .ck-btn:link,.fy-hd .f-tab .fy-pu .ck-btn:visited{color:#9bdd07; text-decoration:none;}
.fy-hd .f-tab .fy-pu .ck-btn:hover{color:#ed1c24;}
.fy-hd .f-tab .fy-pu .ck-btn var{ display:inline-block; *display:inline; *zoom:1; vertical-align:middle; width:5px; height:8px; margin-left:5px; background:url(img/base-bg.png) no-repeat -38px -23px;}
.fy-hd .f-tab .fy-pu .ck-btn:hover var{background:url(img/base-bg.png) no-repeat -38px -212px; } */

/*product*/
.j-page-banner{ width:100%; height:76px; overflow:hidden; background:#e9474b;}
.j-page-banner .j-img{ width:964px; height:76px; margin:0 auto;}
.j-page-main{width:964px; margin:0 auto;}
.j-page-main .p-head{width:964px; height:65px; margin:20px auto 0; background:#fff; border-radius:8px; -webkit-border-radius:8px; position:relative;}
.j-page-main .p-body{width:964px; margin:20px auto 0;}
.j-page-main .p-body .c{ display:none;}
.j-page-main .p-body .on{ display:block;}
.j-page-main .p-body ul{display:block; margin:0 -26px;}

.j-product .p-head span{ display:block; width:580px; height:65px; margin:0 auto; background:url(img/base-sprite.png) no-repeat 0 -191px; overflow:hidden;}
.j-product .p-head a{float:left; width:94px; height:65px; overflow:hidden; text-indent:-999em; cursor:pointer; position:relative;}
.j-product .p-head a:hover,.j-product .p-head a.on{ background-image:url(img/base-sprite.png);}
.j-product .p-head a.a1{background-position:0 -125px;}
.j-product .p-head a.a2{background-position:-163px -125px; margin:0 66px 0 69px;}
.j-product .p-head a.a3{background-position:-323px -125px;margin-right: 62px;}
.j-product .p-head a.a4{background-position:-479px -125px;}
.j-product .p-head span a var{ display:block; width:0%; position:absolute; height:3px; background:#e9474b; position:absolute; bottom:0; left:0;}
.j-product .p-head span a:hover var,.j-product .p-head span a.on var{ width:100%;}

.j-product .p-body ul li{float:left; width:304px; height:350px; margin:0 0 26px 26px;}
.j-product .p-body ul li a{display:block; width:304px; height:215px; border:0; position:relative;}
.j-product .p-body ul li a .cover{display:none; width:100%; height:100%; line-height:210px; text-align:center; font-size:18px; color:#fff; font-weight:bold; background:rgba(255,255,255,0.3); position:absolute; top:0; left:0; z-index:9; border-radius:4px; -webkit-border-radius:4px;}
.j-product .p-body ul li a:hover .cover{display:block;}


.j-product .p-body ul p{display:block; padding:0; background:#fff; height:135px; border-bottom-left-radius:6px; -webkit-border-bottom-left-radius:6px; border-bottom-right-radius:6px; -webkit-border-bottom-right-radius:6px; }
.j-product .p-body ul p strong{ display:block; padding:0 18px; height:54px; line-height:54px; font-weight:normal; font-size:18px; color:#535353; white-space:nowrap;}
.j-product .p-body ul p:after {content:".";clear:both;display:block;height:0;visibility:hidden;}
.j-product .p-body ul p{display:inline-block;}
.j-product .p-body ul p{display:block;}
.j-product .p-body ul p font{display:block; color:#c2c2c2; font-size:12px; padding:0 0 20px 18px; border-bottom:1px solid #f6f6f6;}
.j-product .p-body ul p font em.e1{padding-right:12px;}
.j-product .p-body ul p span.s1{display:block; width:288px; height:25px; margin:9px 0 0 9px;}
.j-product .p-body ul p span a{float:left; width:87px; height:25px; margin-right:4px; background-image:url(img/blank.gif); cursor:pointer; position:relative;}
.j-product .p-body ul p span a b{ display:block; width:100%; height:100%; text-indent:-999em;}
.j-product .p-body ul p span a em{display:none; width:95px; position:absolute; top:-124px; box-shadow:1px 2px 10px rgba(0, 0, 0, 0.5);  background:#fff; padding:5px; border-radius:4px; -webkit-border-radius:4px;}
.j-product .p-body ul p span a em.e1{left:-1px;}
.j-product .p-body ul p span a em img{ display:block; border:0;width:95px; height:95px;}
.j-product .p-body ul p span a em i{display:block; width: 0; height: 0;  border-left:5px solid transparent; border-right:5px solid transparent; border-top:6px solid #fff; position:absolute; top:105px; left:49px;}

.j-product .p-body ul p span a.like em {width: 120px; min-height: 22px; text-align: center; font-size: 12px;  top:-68px; left: -45px;}
.j-product .p-body ul p span a.like em i{top: 50px;left: 57px;}
.j-product .p-body ul p span em font{ display: block; line-height: 20px; padding: 0; border: 0;}


.j-product .p-body ul p span a.down{background:url(img/base-sprite.png) no-repeat 0 -70px;}
.j-product .p-body ul p span a.down:hover{ background:url(img/base-sprite.png) no-repeat 0 -97px;}
.j-product .p-body ul p span a.site{background:url(img/base-sprite.png) no-repeat -91px -70px;margin-right:0;}
.j-product .p-body ul p span a.site:hover{ background:url(img/base-sprite.png) no-repeat -91px -97px; }
.j-product .p-body ul p span.s2{display:block; width:180px; height:25px; margin:9px 0 0 9px; }
.j-product .p-body ul p span b{display:block; font-weight:normal; color:#959595; padding-left:9px;}

.j-product .p-body ul p span a.like {float: right;width: 34px;height: 25px;background: url(img/base-sprite.png) no-repeat -180px -70px; position: relative;}
.j-product .p-body ul p span a.like:hover {float: right;width: 34px;height: 25px;background: url(img/base-sprite.png) no-repeat -180px -97px;}

.loadLayer {display: none;width: 100%;height: 100%;background: #000;filter: alpha(opacity=80);opacity: 0.8;-moz-opacity: 0.8;position: absolute;top: 0;left: 0;z-index: 1;}
.loading {width: 124px;height: 124px;background: url(img/loading.gif) no-repeat 0 0;position: absolute;top: 20%;left: 50%;margin: -62px 0 0 -62px;}

.j-news .p-head span{ display:block; width:217px; height:65px; margin:0 auto; background:url(img/base-sprite.png) no-repeat 0 -418px; overflow:hidden;}
.j-news .p-head span a{float:left; width:77px; height:65px; overflow:hidden; text-indent:-999em; cursor:pointer; position:relative;}
.j-news .p-head span a:hover,.j-news .p-head span a.on{ background-image:url(img/base-sprite.png);}
.j-news .p-head span a.a1{background-position:0 -484px;}
.j-news .p-head span a.a2{background-position:-138px -484px; margin-left:61px;}
.j-news .p-head span a.a3{background-position:-276px -484px;}
.j-news .p-head span a var{ display:block; width:0%; position:absolute; height:2px; background:#e9474b; position:absolute; bottom:0; left:0;}
.j-news .p-head span a:hover var,.j-news .p-head span a.on var{ width:100%;}
.j-news .p-head .year-sec{width:113px; height:40px; border-left:1px solid #eee; position:absolute; top:13px; right:10px; z-index:9;}
.j-news .p-head .year-sec p{ display:block; width:85px; height:40px;  text-align:left; padding-left:23px; line-height:40px;  color:#646363; font-size:14px; overflow:hidden; cursor:pointer; position:relative;}
.j-news .p-head .year-hover-sec p{background:url(img/up.png) no-repeat right center; color:#fb6b14;}
.j-news .p-head .year-sec p var{ display:block; width:5px; height:8px; background:url(img/base-bg.png) no-repeat -195px 0; position:absolute; top:17px; right:0;}
.j-news .p-head .year-hover-sec p var{width:8px; height:5px; background:url(img/base-bg.png) no-repeat -202px 0;}
.j-news .p-head .year-sec .year-sec-con{ display:none; width:76px; border:1px solid #eee; background:#fff; box-shadow:0px 0px 7px rgba(160,160,160,0.35);  border-radius:5px; position:absolute; top:36px; left:14px;}
.j-news .p-head .year-sec .year-sec-con a{ display:block; height:30px; line-height:30px; text-align:center; font-size:12px; color:#6f6e6e; border-bottom:1px dotted #eee;}
.j-news .p-head .year-sec .year-sec-con a:hover,.wrap .x-head .year-sec .year-sec-con a.current{ background:#eee; color:#acacac;}


.j-news .p-body{background:#fff; border-radius:8px; -webkit-border-radius:8px;}
.j-news .p-body ul{ padding:15px 55px 0; min-height:500px; _height:500px;}
.j-news .p-body ul li:after {content:".";clear:both;display:block;height:0;visibility:hidden;}
.j-news .p-body ul li{display:inline-block;}
.j-news .p-body ul li{display:block; padding:10px 0; line-height:36px; font-size:14px; border-bottom:1px solid #eee;}
.j-news .p-body ul li span{float:left; width:578px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.j-news .p-body ul li span a,.j-news .p-body ul li span a:link,.j-news .p-body ul li span a:visited{ color:#626262; text-decoration:none;}
.j-news .p-body ul li span a:hover{color:#e9474b; text-decoration:none;}
.j-news .p-body ul li var{float:right; color:#b7b7b7;}
.j-news .p-body ul li span a:hover,.j-news .p-body ul li.highlight span a:hover,.j-news .p-body ul li.highlight span a,.j-news .p-body ul li.highlight span a:link,.j-news .p-body ul li.highlight span a:visited,.j-news .p-body ul li.highlight var{ color:#fb6a00;}
.j-news .p-body ul li.on span a:hover,.j-news .p-body ul li.on span a:hover,.j-news .p-body ul li.on span a,.j-news .p-body ul li.on span a:link,.j-news .p-body ul li.on span a:visited,.j-news .p-body ul li.on var{ color:#fb6a00;}
.j-news .p-body ul li.empty{ display:block; text-align:center; color:#b7b7b7; border-bottom:0;}
.j-news .p-body dl{}
.j-news .p-body dl:after {content:".";clear:both;display:block;height:0;visibility:hidden;}
.j-news .p-body dl{display:inline-block;}
.j-news .p-body dl{display:block; padding:15px; background:#fff; border-radius:8px; -webkit-border-radius:8px; margin-bottom:18px; overflow:hidden;}
.j-news .p-body dl dt{float:left; width:180px; height:110px; overflow:hidden;}
.j-news .p-body dl dt img{ display:block; width:180px; height:110px; border:0;}
.j-news .p-body dl dd{float:left; width:730px; padding-left:22px; overflow:hidden;}
.j-news .p-body dl dd a,.j-news .p-body dl dd a:link,.j-news .p-body dl dd a:hover{ display:block; font-size:12px; color:#b7b7b7;}
.j-news .p-body dl dd a b{display:block; font-size:14px; color:#e9474b; font-weight:bold;}
.j-news .p-body dl dd a em{display:block; padding:8px 0 24px;}
.j-news .p-body dl dd a font{display:block; line-height:18px;  font-size:12px; }
.j-news .empty,.j-news .list-loading{ text-align:center; height:45px; line-height:45px; color:#b7b7b7; background:#e5e5e5; border-radius:8px; -webkit-border-radius:8px; overflow:hidden;} 
.j-news .p-body .con{ padding:20px 0; color:#434343; font-size:14px; line-height:26px;}
.j-news .p-body .con h1{display:block; height:120px; border-bottom:1px solid #eee; margin-bottom:20px;}
.j-news .p-body .con h1 strong{display:block; height:56px; line-height:56px; font-size:24px; color:#313131; padding-left:60px; white-space:nowrap;}
.j-news .p-body .con h1 span{display:block;line-height:26px; color:#bcbcbc; font-size:12px; padding-left:60px;}
.j-news .p-body .con p{ display:block; padding:0 60px; line-height:26px;}
.j-news .p-body .con img{display:block; margin:0 auto;}
.j-news .p-body .paging{ margin:30px auto; padding:30px 401px 0; height:30px;  border-top:1px solid #eee;} 
.j-news .p-body .paging a{display:block; width:74px; height:30px; background:url(img/blank.gif) no-repeat 0 0; text-indent:-999em; cursor:pointer;}
.j-news .p-body .paging a.paging-up{float:left; background:url(img/base-sprite.png) no-repeat 0 -855px;}
.j-news .p-body .paging a.paging-up:hover{background:url(img/base-sprite.png) no-repeat 0 -887px;}
.j-news .p-body .paging a.paging-down{float:right;background:url(img/base-sprite.png) no-repeat -88px -855px;}
.j-news .p-body .paging a.paging-down:hover{float:right;background:url(img/base-sprite.png) no-repeat -88px -887px;}

 
.j-about .p-head span{ display:block; width:672px; height:65px; margin:0 auto; overflow:hidden;}
.j-about .p-head a{float:left; width:73px; height:65px; overflow:hidden; text-indent:-999em; cursor:pointer; position:relative;}
.j-about .p-head .a1{background:url(img/base-sprite.png) no-repeat 0 -569px;}
.j-about .p-head .a1:hover,.j-about .p-head .a1.on{background:url(img/base-sprite.png) no-repeat 0 -636px;}
.j-about .p-head .a2{background:url(img/base-sprite.png) no-repeat -123px -569px; margin:0 46px 0 50px;}
.j-about .p-head .a2:hover,.j-about .p-head .a2.on{background-position:-123px -636px; }
.j-about .p-head .a3{display:none; background:url(img/base-sprite.png) no-repeat -242px -569px;}
.j-about .p-head .a3:hover,.j-about .p-head .a3.on{background-position:-242px -636px; }
.j-about .p-head .a4{background:url(img/base-sprite.png) no-repeat -354px -569px; margin:0 46px 0 0;}
.j-about .p-head .a4:hover,.j-about .p-head .a4.on{background-position:-354px -636px;}
.j-about .p-head .a5{background:url(img/base-sprite.png) no-repeat -476px -567px; margin-right: 46px;}
.j-about .p-head .a5:hover,.j-about .p-head .a5.on{background-position:-476px -634px;}
.j-about .p-head .a6{background:url(img/base-sprite.png) no-repeat -598px -569px; margin-left: 46px;}
.j-about .p-head .a6:hover,.j-about .p-head .a6.on{background-position:-598px -636px;}
.j-about .p-head .a7{background:url(img/base-sprite.png) no-repeat -722px -569px; margin-left: 0px;}
.j-about .p-head .a7:hover,.j-about .p-head .a7.on{background-position:-722px -636px;}


.j-about .p-head span a var{ display:block; width:0%; position:absolute; height:2px; background:#e9474b; position:absolute; bottom:0; left:0;}
.j-about .p-head span a:hover var,.j-about .p-head span a.on var{ width:100%;}
.j-about .p-body{width:964px; margin:20px auto 0; background:#fff; border-radius:8px; -webkit-border-radius:8px;}
.j-about .p-body .c{ padding:36px 56px;} 
.j-about .p-body .intro{}
.j-about .p-body .intro .feiyu{ border-bottom:1px solid #eee; padding-bottom:75px;}
.j-about .p-body .intro .feiyu img{display:block; width:405px; height:107px; border:0; margin:30px auto 20px;}
.j-about .p-body .intro .info{ padding-top:24px;}
.j-about .p-body .intro .info p{display:block; line-height:30px; padding-bottom:28px;}
.j-about .p-body .party .info p img{width: 100%;height: 100%;}
.j-about .p-body .develop{}
.j-about .p-body .develop h3{display:block; width:204px; height:64px; background:url(img/base-bg.png) no-repeat 0 -334px; border-right:2px solid #eee; position:relative;}
.j-about .p-body .develop em{ display:block; width:100%; height:100%; text-indent:-999em;}
.j-about .p-body .develop var{display:block; width:22px; height:28px; background:url(img/base-bg.png) no-repeat -205px -334px; position:absolute; top:0; right:-10px;}
.j-about .p-body .develop dl:after {content:".";clear:both;display:block;height:0;visibility:hidden;}
.j-about .p-body .develop dl{display:inline-block;}
.j-about .p-body .develop dl{display:block;}
.j-about .p-body .develop dl dt{float:left; width:204px; height:70px; line-height:70px; text-align:right;}
.j-about .p-body .develop dl dt font{ display:block; padding:0 20px 0 0; font-family:"Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",FontAwesome,sans-serif; font-size:18px; color:#e9474b;}
.j-about .p-body .develop dl dd{float:left; width:570px; padding-left:20px; line-height:70px;  border-left:2px solid #eee;}
.j-about .p-body .develop dl dd font{ display:block; line-height:70px; color:#898989; border-bottom:1px solid #eee;}

.j-about .p-body .honor{}
.j-about .p-body .honor h3{display:block; width:155px; height:56px; border-right:2px solid #eee; padding-bottom:30px; position:relative;}
.j-about .p-body .honor h3 em{ display:block; width:155px; height:56px; background:url(img/base-bg.png) no-repeat 0 -408px; text-indent:-999em;}
.j-about .p-body .honor h3 var{display:block; width:22px; height:28px; background:url(img/base-bg.png) no-repeat -156px -408px; position:absolute; top:0; right:-12px;}
.j-about .p-body .honor dl:after {content:".";clear:both;display:block;height:0;visibility:hidden;}
.j-about .p-body .honor dl{display:inline-block;}
.j-about .p-body .honor dl{display:block;}
.j-about .p-body .honor dl dt{float:left; width:155px; text-align:right;}
.j-about .p-body .honor dl dt font{ display:block; padding:10px 20px 0 0; font-family:"Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",FontAwesome,sans-serif; font-size:18px; color:#e9474b;}
.j-about .p-body .honor dl dd{float:left; width:615px; padding:0 0 0 20px;  min-height:50px; _height:50px;  border-left:2px solid #eee;}
.j-about .p-body .honor dl dd p{ display:block; color:#898989; border-bottom:1px solid #eee; padding:0 0 20px;}
.j-about .p-body .honor dl dd p font{display:block; line-height:38px; color:#898989;}

.j-about .p-body .vi{}
.j-about .p-body .vi .feiyu-pic{text-align: center;}
.j-about .p-body .vi .feiyu-logo{text-align: center; border-bottom: 1px solid #eee; padding: 42px 0 40px;}
.j-about .p-body .vi .info{ margin: 40px auto 10px;}
.j-about .p-body .vi .info .row{ margin-bottom: 30px;}
.j-about .p-body .vi .info dl{ float: left; width: 206px; height: 266px; border: 1px solid #eee; margin: 0 38px;}
.j-about .p-body .vi .info img{ display: block; width: auto; margin: 0 auto;}
.j-about .p-body .vi .info dl dt{ display: block; width: 100%; height:97px;}
.j-about .p-body .vi .info dl a{ display: block; width: 100%; height:54px; border-top: 1px solid #eee; }
.j-about .p-body .vi .info dt img{ padding-top: 26px;}
.j-about .p-body .vi .info dl a img{padding-top: 6px;}
.j-about .p-body .vi .info p{ float: left; width: 208px; height: 118px; margin: 0 38px 20px;}
.j-about .p-body .vi .info .fy-style{border-top: 1px solid #eee; padding-top: 40px;}
.j-about .p-body .vi .info .fy-style,.j-about .p-body .vi .info .fy-style p{ margin-bottom: 0;}


.j-about .p-body .culture{}
.j-about .p-body .culture .cpic{text-align: center;}
.j-about .p-body .culture .cpic p{float: left; margin:0px 0 16px 19px;}


.j-about .p-body .management{}
.j-about .p-body .management dl:after {content:".";clear:both;display:block;height:0;visibility:hidden;}
.j-about .p-body .management dl{display:inline-block;}
.j-about .p-body .management dl{display:block; margin-bottom:20px;}
.j-about .p-body .management dl dt{float:left; width:160px; height:160px; border:1px solid #f4f4f4;}
.j-about .p-body .management dd{float:right; width:660px;}
.j-about .p-body .management dd strong{display:block; color:#434343; font-size:18px; height:36px; line-height:36px; font-weight:normal; overflow:hidden;}
.j-about .p-body .management dd font{ display:block; font-size:12px; color:#ababab; height:23px; line-height:23px; overflow:hidden;}
.j-about .p-body .management dd p{ display:block; font-size:12px; color:#ababab; padding-top:10px; line-height:23px; padding-bottom:27px; border-bottom:1px solid #f6f6f6;}

/* authrizer */
.j-auth .p-head span{ display:block; width:316px; height:65px; margin:0 auto; overflow:hidden;}
.j-auth .p-head a{float:left; width:73px; height:65px; overflow:hidden; text-indent:-999em; cursor:pointer; position:relative;}
.j-auth .p-head span a var{ display:block; width:0%; position:absolute; height:2px; background:#e9474b; position:absolute; bottom:0; left:0;}
.j-auth .p-head span a:hover var,.j-auth .p-head span a.on var{ width:100%;}
.j-auth .p-head .a1{background:url(img/base-sprite.png) no-repeat -40px -1336px;}
.j-auth .p-head .a1:hover,.j-auth .p-head .a1.on{background:url(img/base-sprite.png) no-repeat -40px -1404px;}
.j-auth .p-head .a2{background:url(img/base-sprite.png) no-repeat -165px -1336px; margin:0 46px 0 50px;}
.j-auth .p-head .a2:hover,.j-auth .p-head .a2.on{background-position:-165px -1404px; }
.j-auth .p-head .a3{background:url(img/base-sprite.png) no-repeat -283px -1336px;}
.j-auth .p-head .a3:hover,.j-auth .p-head .a3.on{background-position:-283px -1404px; }

.j-auth .p-body{width:964px; margin:20px auto 0; background:#fff; border-radius:8px; -webkit-border-radius:8px;}
.j-auth .p-body .c{ padding:36px 102px;} 
.j-auth .p-body .ip .info{ padding-top:24px;}
.j-auth .p-body .ip .info p{display:block; line-height:20px; padding-bottom:36px;font-family: 'MicrosoftYaHei'; text-indent: 2em; color: #464646; font-size: 14px;}
.j-auth .p-body .ip .info p img{display:block; margin: 0 auto;}

.j-auth .p-body .open .item{margin-bottom: 14px;}
.j-auth .p-body .open .item .title{color: #E9474B; font-family: 'MicrosoftYaHei-Bold'; font-weight: bold; text-align: left; font-size: 14px; line-height: 34px;}
.j-auth .p-body .open .item .line{width: 100%; height: 1px; background: #e5e5e5;margin-bottom: 10px;}
.j-auth .p-body .open .item .list{width: 100%;height: auto; margin:0 0 24px 0;}
.j-auth .p-body .open .item .list li{width: 233px; height: 235px; margin: 0 25px 16px 0; border-radius: 3px;border: 1px solid #efefef;float:left;}
.j-auth .p-body .open .item .list li:nth-of-type(3n){margin-right: 0;}
.j-auth .p-body .open .item .list li:last-child,
.j-auth .p-body .open .item .list li:last-of-type(2),
.j-auth .p-body .open .item .list li:last-of-type(3){margin-bottom: 0;}
.j-auth .p-body .open .item .list li img { width: 100%;height: auto; max-height: 233px;max-width: 233px;margin:0 auto;}
.j-auth .p-body .open .item .list li p{font-family: 'MicrosoftYaHei'; color: #000000; line-height: 27px; height: 27px; padding-left: 10px;}

.j-auth .p-body .contact.c{margin:0;padding: 0;}
.j-auth .p-body .contact .info {position: relative;}
.j-auth .p-body .contact .info .img{width: 100%; height: 248px;}
.j-auth .p-body .contact .info .email{position: absolute; left: 482px; top: 194px; width: 104px;height:104px;border-radius: 50%;background: #fff;border: 1px solid #efefef; margin-left: -52px;}
.j-auth .p-body .contact .info .email img{ width: 47px; height: 36px; margin: 32px 28px 0;}
.j-auth .p-body .contact .info .list {width: 451px;height: 180px; margin: 0 auto;}
.j-auth .p-body .contact .info .list li {float: left; padding-right: 6px; width: 220px; height: 50px; text-align: center; border-right: 1px solid #efefef;margin-top: 65px;}
.j-auth .p-body .contact .info .list li:last-child{padding: 0; border-right: none;}
.j-auth .p-body .contact .info .list li .title{color: #E9474B; font-family: 'MicrosoftYaHei-Bold';font-weight: bold; font-size: 18px; margin-bottom: 10px}
.j-auth .p-body .contact .info .list li .text{color: #000; font-size: 14px;}

/* image */
.j-image .p-head span{ display:block; width:316px; height:65px; margin:0 auto; overflow:hidden;}
.j-image .p-head a{float:left; width:73px; height:65px; overflow:hidden; text-indent:-999em; cursor:pointer; position:relative;}
.j-image .p-head span a var{ display:block; width:0%; position:absolute; height:2px; background:#e9474b; position:absolute; bottom:0; left:0;}
.j-image .p-head span a:hover var,.j-image .p-head span a.on var{ width:100%;}
.j-image .p-head .a1{background:url(img/base-sprite.png) no-repeat -38px -1473px;}
.j-image .p-head .a1:hover,.j-image .p-head .a1.on{background:url(img/base-sprite.png) no-repeat -38px -1544px;}
.j-image .p-head .a2{background:url(img/base-sprite.png) no-repeat -155px -1473px; margin:0 46px 0 50px;}
.j-image .p-head .a2:hover,.j-image .p-head .a2.on{background-position:-155px -1544px; }
.j-image .p-head .a3{background:url(img/base-sprite.png) no-repeat -283px -1473px;}
.j-image .p-head .a3:hover,.j-image .p-head .a3.on{background-position:-283px -1544px; }

.j-image .p-body{width:964px; margin:20px auto 0; background:#fff; border-radius:8px; -webkit-border-radius:8px;}
.j-image .p-body .c{ padding:36px 102px;}
.j-image .p-body .brand .item{margin-bottom: 24px;}
.j-image .p-body .brand .item .title{width: 100%;height: 34px;}
.j-image .p-body .brand .item .title span{color: #000000; font-family: 'MicrosoftYaHei-Bold'; font-weight: bold; text-align: left; font-size: 14px; line-height: 34px; float: left;}
.j-image .p-body .brand .item .title a{background: url(img/base-sprite.png) no-repeat -32px -1690px; float: right; width:50px;height:34px;line-height: 34px;cursor: pointer; }
.j-image .p-body .brand .item .title a:hover{background: url(img/base-sprite.png) no-repeat -32px -1782px;}
.j-image .p-body .brand .item .line{width: 100%; height: 1px; background: #e5e5e5;margin-bottom: 10px;}
.j-image .p-body .brand .item .list{width: 100%;height: auto; margin:0 0 24px 0;}
.j-image .p-body .brand .item .list li{width: 229px; height: 154px; margin: 0 34px 14px 0; float:left; border-radius: 3px;position:relative;}
/* .j-image .p-body .brand .item .list li:hover{background-color: rgba(255, 255, 255, 0.2);} */
.j-image .p-body .brand .item .list li:nth-of-type(3n){margin-right: 0;}
.j-image .p-body .brand .item .list li:last-child,
.j-image .p-body .brand .item .list li:last-of-type(2),
.j-image .p-body .brand .item .list li:last-of-type(3){margin-bottom: 0;}
.j-image .p-body .brand .item .list li .item{width: 100%;height: 129px;margin-bottom: 0;border-radius: 3px;}
.j-image .p-body .brand .item .list li img { width: 100%;height: 100%; max-height: 129px;max-width: 229px;margin:0 auto;cursor: pointer;border-radius: 3px;}
.j-image .p-body .brand .item .list li i{display: none;width: 100%;height: 129px;background: rgba(255,255,255,0.3);cursor:pointer ;position: absolute;top: 0;left: 0;z-index: 9;border-radius: 3px;-webkit-border-radius: 3px;}
.j-image .p-body .brand .item .list li i.play{background:rgba(255,255,255,0.3) url(img/play.png) no-repeat center; position: absolute; top:0; left: 0;width:100%;height: 129px;z-index:10;display: none;}
.j-image .p-body .brand .item .list li p{font-family: 'MicrosoftYaHei'; color: #000000; line-height: 27px; height: 27px; padding-left: 10px; font-size: 12px;}
.j-image .p-body .brand .item .list li:hover p{color:#e9474b}
.j-image .p-body .brand .item .list li:hover i,
.j-image .p-body .brand .item .list li:hover i.play{display: block;}

/*mask-video*/
.mask-video {
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  top: 0;
  z-index: 110;
}

.mask-video .close-red {
  position: absolute;
  right: 15px;
  top: 15px;
  width: 15px;
  height: 15px;
  cursor: pointer;
  background: url('img/close.png') center no-repeat;
  z-index: 111;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.mask-video .title {
  font-family: 'MicrosoftYaHei';
  font-size: 12px;
  color: #fff;
  position: absolute;
  top: 15px;
  left: 17px;
  background-color: transparent;
  z-index: 111;
}

.close-red:hover {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.mask-video-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.75);
  opacity: 0.87;
  filter: alpha(opacity=90);
}

.mask-video-cont {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 959px;
  height: 540px;
  margin-left: -480px;
  margin-top: -270px;
  background: #000;
}

.mask-video-cont .video-title {
  width: 100px;
  height: 100px;
  color: red;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
}

.mask-video-cont .video-play{
  background: url(/theme/default/css/img/play.png) no-repeat center center;
}

.mask-video-cont .video-stop {
  background: url(/theme/default/css/img/pause.png) no-repeat center center;
  background-size: 60%;
}

/* 222 */
.mask-video-cont .video-js .vjs-big-play-button {
   font-size: 2.5em;
   line-height: 2.3em;
   height: 2.5em;
   width: 2.5em;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
   background-color: #73859f;
   background-color: rgba(115, 133, 159, .5);
   border-width: 0.15em;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
 }

 /* 中间的播放箭头 */
 .vjs-big-play-button .vjs-icon-placeholder {
   font-size: 1.63em;
 }

 /* 加载圆圈 */
 .vjs-loading-spinner {
   font-size: 2.5em;
   width: 2em;
   height: 2em;
   border-radius: 1em;
   margin-top: -1em;
   margin-left: -1.5em;
 }

 /** 播放器显示控制 */
 .myVideo-dimensions {
   margin: 0 auto;
 }

/*焦点图*/
/*焦点图*/
.slider-wrapper {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9;
  display: none;
}

.slider-mask {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.75);
}

.slider-container {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 810px;
  height: 640px;
}

.slider-close {
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 11;
}

.slider-wrapper .slider-btn {
  /* position: absolute; */
  width: 26px;
  height: 73px;
  /* top: 336px; */
  cursor: pointer;
  z-index: 99;
  font-size: 50px;
  font-weight: bold;
}

.slider-wrapper .slider-pic-prev,
.slider-wrapper .slider-pic-next{
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  display: none;
}

.slider-wrapper .slider-pic-prev {
  left: 15px;
  background: url(img/left.png) no-repeat center;
}

.slider-wrapper .slider-pic-next {
  right: 15px;
  background: url(img/right.png) no-repeat center;
}

.slider-wrapper #slider-prevTop,
.slider-wrapper #slider-nextTop {
  top: 0px;
  width: 30px;
  height: 76px;
  position: absolute;
  z-index: 11;
}

.slider-wrapper #slider-prevTop {
  left: 0;
  background:#242729 url(img/un-arrow-left.png) no-repeat center;
}

.slider-wrapper #slider-nextTop {
  right: 0;
  background:#242729 url(img/un-arrow-right.png) no-repeat center;
}

.slider-wrapper li {
  float: left;
}

.slider-wrapper .slider-cf li {
  position: relative;
  color: #fff;
}

.slider-wrapper .slider-cf a {
  display: block;
  width: 810px;
  height: 540px;
  position: absolute;
  color: #fff;
}

.slider-wrapper .slider-cf a img {
  width: auto;
  height: auto;
  max-width: 810px;
  max-height: 540px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.slider-wrapper .slider-picbox .slider-cf li span {
  display: block;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 6px 12px;
  line-height: 22px;
  text-align: left;
  background: rgba(0, 0, 0, 0.6);
  background: -webkit-gradient(linear,
      0 0,
      0 bottom,
      from(transparent),
      to(#000000));
  background: -webkit-linear-gradient(transparent, #000000);
  background: -moz-linear-gradient(transparent, #000000);
  background: -ms-linear-gradient(transparent, #000000);
  background: -o-linear-gradient(transparent, #000000);
  background: linear-gradient(transparent, #000000);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#60000000", endColorstr="#60000000");
}

.slider-wrapper .slider-picbox {
  width: 100%;
  height: 540px;
  max-height: 100%;
  /* padding: 0 52px; */
  position: relative;
  overflow: hidden;
  /* left: -52px; */
}

.slider-wrapper .slider-content {
  width: 100%;
  height: 540px;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.slider-wrapper .slider-picbox ul {
  height: 540px;
  position: absolute;
}

.slider-wrapper .slider-picbox li {
  width: 810px;
  height: 540px;
  background: #242729;
  display: flex;
  justify-content: center;
  align-items: center;
}

.slider-wrapper .slider-picbox li img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

.slider-wrapper .slider-listBox {
  width: 810px;
  height: 76px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  top: 10px;
}

.slider-wrapper .slider-listBox::-webkit-scrollbar {
  width: 150px;
  height: 6px;
  background: rgba(0, 0, 0, 1);
  opacity: 0.5;
  border-radius: 2px;
}

.slider-wrapper .slider-listBox::-webkit-scrollbar-thumb {
  border-radius: 2px;
  height: 3px;
  background: rgba(137, 137, 137, 1);
}

.slider-wrapper .slider-listBox::-webkit-scrollbar-track {
  border-radius: 0;
  background: #000;

}
.slider-wrapper .slider-listBox .slider-thumb {
  height: inherit;
  width: 740px;
  margin: 0 auto;
  position: relative;
}


.slider-wrapper .slider-listBox ul {
  height: 76px;
  position: absolute;
}

.slider-wrapper .slider-listBox li {
  width: 102px;
  height: 72px;
  cursor: pointer;
  position: relative;
  margin-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid rgba(0, 0, 0, 0.001);
}

.slider-wrapper .slider-listBox li:last-child {
  margin-right: 0;
}

.slider-wrapper .slider-listBox li i {
  display: none;
}

.slider-wrapper .slider-listBox li a {
  display: block;
  width: 102px;
  height: 68px;
}

.slider-wrapper .slider-listBox li img {
  width: auto;
  height: auto;
  max-width: 102px;
  max-height: 68px;
}

.slider-wrapper .slider-listBox li:hover {
  border: 2px solid #e9474b;
}

.slider-wrapper .slider-listBox .on {
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid #e9474b;
}

.slider-wrapper .slider-listBox .on i {
  display: block;
}




/*media */
.j-media .p-head{ width: 100%; height: 65px; line-height: 65px; border-radius: 5px;background-color: #fff; padding: 0 105px;}
.j-media .p-head .cate {width: 50%;float: left;font-family: "MicrosoftYaHei";font-size: 12px;}
.j-media .p-head .cate .cate-label{color:#000; }
.j-media .p-head .cate .cate-tab{ color: #959595; margin-right: 30px;cursor: pointer;}
.j-media .p-head .cate .cate-tab:last-child{margin-right: 0;}
.j-media .p-head .cate .cate-tab.on,
.j-media .p-head .cate .cate-tab:hover{
  color: #e9474b;
}

.j-media .p-body{width: 100%; height: 100%; background-color: #fff;}
.j-media .p-body .list{width: 100%; height: auto; padding: 30px 105px 0;}
.j-media .p-body .list ul{ width: 100%; color: #000; font-size: 12px; font-family: "MicrosoftYaHei";margin:0; }
.j-media .p-body .list ul li{float: left;width: 170px; height: 120px; margin: 0 26px 20px 0;}
.j-media .p-body .list ul li .item {width: 100%; height: 95px;position: relative;}
.j-media .p-body .list ul li .item img {width: 100%; height: auto; max-height: 95px;cursor: pointer; border-radius: 3px;}
.j-media .p-body .list ul li .item i{width: 100%; height: 100%;cursor: pointer; position: absolute;top:0;left:0;z-index: 1; display: none;background: rgba(255,255,255,0.2);}
.j-media .p-body .list ul li .item i.play {
  background: url(img/play.png) no-repeat center center;
}
.j-media .p-body .list ul li:hover i{display: block;}
.j-media .p-body .list ul li p{margin-top: 6px;}
.j-media .p-body .list ul li:hover p {
  color: #e9474b
}






.j-feiyu{background:#ff8300; height:75px;}
.f-a{width:964px; height:361px; background:url(img/base-feiyu.png) no-repeat 0 0; margin:14px auto 0; overflow:hidden;}
.f-a .a-txt{float:left; width:609px;}
.f-a .a-txt h1{display:block; padding:53px 0 0 35px;}
.f-a .a-txt h1 font{display:block; font-size:18px; color:#ff8300; line-height:23px; white-space:nowrap;}
.f-a .a-txt h1 span{display:block; font-size:48px; color:#ff8300; white-space:nowrap;}
.f-a .a-txt p{display:block; padding:30px 47px 0 35px; line-height:25px; color:#959595; font-size:12px;}
.f-a .a-pic{float:left; width:258px;}
.f-frag{width:964px; height:190px; margin:20px auto 0; background:#fff; border-radius:8px; -webkit-border-radius:8px; overflow:hidden;}
.f-frag h2{display:block; height:42px; line-height:42px; padding:0 25px; overflow:hidden;}
.f-frag h2 span{float:left; width:250px; color:#636363;}
.f-frag h2 a{ float:right; width:50px; padding-right:15px; text-align:right; color:#a0a0a0; white-space:nowrap; position:relative;}
.f-frag h2 a:link,.f-frag h2 a:visited{color:#a0a0a0; text-decoration:none;}
.f-frag h2 a:hover{color:#ef9757; text-decoration:none;}
.f-frag h2 a var{ display:block; width:5px; height:8px; overflow:hidden; background:url(img/base-bg.png) no-repeat -195px 0; position:absolute; top:18px; right:0;}
.f-frag h2 a:hover var{ background:url(img/base-bg.png) no-repeat -195px -12px;}
.f-frag ul{ display:block;}
.f-frag ul li{float:left; width:160px; margin-left:28px;}
.f-frag ul li img{display:block;  width:160px; height:90px; margin-bottom:10px;}
.f-frag ul li a font,.f-frag ul li a:link font,.f-frag ul li a:visited font{ display:block; color:#959595; line-height:17px; font-size:12px;}
.f-books{ width:964px; height:340px; margin:35px auto 0; overflow:hidden;}
.f-collect{width:964px; margin:0 auto; overflow:hidden;}
.f-collect .f-box{background:#fff; border-radius:8px; -webkit-border-radius:8px; margin:20px auto 0;overflow:hidden;}
.f-collect .f-box dl:after {content:".";clear:both;display:block;height:0;visibility:hidden;}
.f-collect .f-box dl{display:inline-block;}
.f-collect .f-box dl{display:block; float:left; width:240px; height:230px; padding-bottom:20px; border-left:1px solid #ebebeb; margin-left:-1px;}
.f-collect .f-box dl dt{ float:left; width:125px;}
.f-collect .f-box dl dt h3{ display:block; padding-left:10px; color:#555; font-size:14px; white-space:nowrap; height:62px; line-height:62px; overflow:hidden;}
.f-collect .f-box dl dt img{ display:block; box-shadow:0 0 0 rgba(0, 0, 0, 0.3), 0 2px 8px rgba(0, 0, 0, 0.3), 0 2px 8px rgba(0, 0, 0, 0.3), 3px 0 8px rgba(0, 0, 0, 0.3);}
.f-collect .f-box dl dd{ float:left; width:98px; height:230px; position:relative;}
.f-collect .f-box dl dd span{display:block; text-align:right; height:66px; overflow:hidden;}
.f-collect .f-box dl dd span a{ display:block; padding-top:22px; color:#959595;}
.f-collect .f-box dl dd span a:link,.f-collect .f-box dl dd span a:visited{color:#b7b7b7; text-decoration:none;}
.f-collect .f-box dl dd span a:hover{color:#b7b7b7;}
.f-collect .f-box dl dd p{display:block; color:#b7b7b7; position:absolute; bottom:0; left:0;}
.f-collect .f-box dl dd p a,.f-collect .f-box dl dd p a:link,.f-collect .f-box dl dd p a:visited{ color:#b7b7b7; text-decoration:none;}
.f-collect .f-box dl dd p a:hover{color:#e9474b;}

.j-pu{background:#9bdd07; height:75px;}
.f-p{width:964px; margin:35px auto 0; overflow:hidden;}
.f-p .p-pic{width:964px; overflow:hidden;}
.f-p .p-pic img{ display: block; border: 0; margin-bottom:23px;}
.f-p .p-txt{width:964px; height:243px; background:#22ac38;}
.f-p .p-txt h1{display:block; padding:24px 0 23px 32px; border-bottom:1px solid #009944; font-size:18px; color:#fff; font-weight:normal;}
.f-p .p-txt h1 var{display:inline-block; *display:inline; *zoom:1; vertical-align:middle; width:115px; height:34px; margin-right:5px; overflow:hidden; text-indent:-999em; background:url(img/base-sprite.png) no-repeat -785px -47px;}
.f-p .p-txt p{display:block; padding:30px 32px 0; line-height:20px; color:#fff; font-size:12px;}
.f-p .p-heart{ width:964px; margin:23px auto 0;}
.f-p .p-library{ margin:20px 0 0; background:#fff; border-radius:8px; -webkit-border-radius:8px; padding-bottom:10px;}
.f-p .p-library h1{display:block; padding:24px 0 23px 32px; border-bottom:1px solid #e5e5e5; font-size:18px; color:#434343; font-weight:normal;}
.f-p .p-library h1 var{display:inline-block; *display:inline; *zoom:1; vertical-align:middle; width:115px; height:34px; margin-right:5px; overflow:hidden; text-indent:-999em; background:url(img/base-sprite.png) no-repeat -785px -84px;}
.f-p .p-library ul{display:block; padding:38px 0 10px 32px;}
.f-p .p-library ul li{ float:left; width:284px; height:213px; margin:0 21px 0 0;}
.f-p .p-library p{display:block; padding:10px 32px; font-size:12px; line-height:23px; color:#434343;}


.j-competition{background:#2c6ed5; height:75px;}
#j-competition{ background:url(img/j-com-bg.jpg) no-repeat center 0;}
.w-slide{width:964px; height:410px; margin:0 auto; position:relative;}
.w-slide ul{display:block; width:100%; height:410px; overflow:hidden;}
.w-slide li{display:block; width:100%; height:410px; position:absolute; top:0; left:0;}
.w-slide li img{display:block; width:100%; height:410px; border:0;}
.w-slide .btn{ width:100%; position:absolute; bottom:7px; left:0; text-align:center;}
.w-slide .btn span{ display:inline-block; *display:inline; *zoom:1;  vertical-align:middle; width:10px; height:10px; margin:0 5px; border-radius:50px; -webkit-border-radius:50px;  background:rgba(255,255,255,0.5);  overflow:hidden;  margin-right:5px; cursor:pointer; }
.w-slide .btn span.current{background:#fff; width:14px; height:14px;}
.j-works{background:#fff; border-radius:8px; -webkit-border-radius:8px;}
.j-works .p-head{ height:84px;  border-bottom:1px solid #f7f7f7; margin:0 auto;}
.j-works .p-head span{ display:block; width:301px; height:70px; margin:0 auto; background:url(img/base-sprite.png) no-repeat 0 -782px; overflow:hidden;}
.j-works .p-head span a{float:left; width:108px; height:70px; overflow:hidden; text-indent:-999em; cursor:pointer; position:relative;}
.j-works .p-head span a:hover,.j-works .p-head span a.on{ background-image:url(img/base-sprite.png);}
.j-works .p-head span a.a1{background-position:0 -708px;}
.j-works .p-head span a.a2{background-position:-193px -708px; margin:0 0 0 85px;}
.j-works .p-head span a.a3{background-position:-388px -708px; margin-right:82px;}
.j-works .p-head span a.a4{background-position:-578px -708px;}
.j-works .p-head span a var{ display:block; width:0%; position:absolute; height:2px; background:#2c6ed5; position:absolute; bottom:0; left:0;}
.j-works .p-head span a:hover var,.j-works .p-head span a.on var{ width:100%;}
.j-works .p-body .c{ padding:35px 60px 0;}
.j-works .p-body .c .empty{ min-height:150px; _height:150px; text-align:center;}
.j-works .p-body .intro{padding:35px 60px 0;}
.j-works .p-body .r h1{ display:block; width:112px; height:44px; overflow:hidden; background-image:url(img/base-sprite.png); text-indent:-999em;}
.j-works .p-body .g-js h1{background-position:0 -933px;}
.j-works .p-body .g-xs h1{background-position:0 -978px;}
.j-works .p-body .g-fz h1{background-position:0 -1023px;}
.j-works .p-body .g-js{ height:210px; border-bottom:1px solid #eee; padding-bottom:20px; position:relative;}
.j-works .p-body .g-js p{display:block; float:left; width:577px; height:110px; margin-top:20px; line-height:26px; color:#252525; font-size:14px;}
.j-works .p-body .g-js .video{ float:right; width:200px; height:200px; margin-top:-65px;}
.video-box{ width:800px; height:450px;  position:absolute; top:30%; left:50%; margin-left:-400px; z-index:999;}
.video-box span{ display:block; width:26px; height:26px; background:url(img/job-sprite.png) no-repeat -913px -81px; position:absolute; top:4px; right:-26px; text-indent:-999em; cursor:pointer;}
.player{ width:800px; height:450px; margin:5px auto;}

.j-works .p-body .g-xs{border-bottom:1px solid #eee; padding:44px 0 20px;}
.j-works .p-body .c-step{ background:url(img/base-sprite.png) no-repeat 0 -1069px; width:833px; height:191px; margin:48px auto 0;}
.j-works .p-body .g-fz{padding:44px 0 20px;}
.j-works .p-body .g-fz .f-txt{ width:885px; height:262px; margin:0 auto; position:relative;}
.j-works .p-body .g-fz .f-txt p{ display:block; width:260px; height:130px; overflow:hidden;}
.j-works .p-body .g-fz .f-txt p span{ display:block; font-size:14px; padding-bottom:10px; font-weight:normal;}
.j-works .p-body .g-fz .f-txt p span font{ font-size:36px; font-weight:normal;}
.j-works .p-body .g-fz .f-txt p.p1{ position:absolute; top:56px; left:0;}
.j-works .p-body .g-fz .f-txt p.p2{ position:absolute; top:160px; left:0;}
.j-works .p-body .g-fz .f-txt p.p4{ position:absolute; top:80px; right:0;}
.j-works .p-body .g-fz .f-txt p.p3{ width:256px; height:243px; position:absolute; top:0; left:340px;}
.j-works .p-body .g-fz .f-txt p.p4 a{ display:block; width:140px; height:29px; margin-top:5px; background:url(img/base-sprite.png) no-repeat 0 -1264px; overflow:hidden; text-indent:-999em;}
.j-works .p-body .g-fz .f-txt p.p4 a:hover{ background:url(img/base-sprite.png) no-repeat 0 -1292px; }
.j-works .p-body .g-fc{display:block; padding:0 0 40px; margin:0 auto;}
.j-works .p-body .g-fc li{float:left;}
.j-works .p-body .g-fc li a{cursor:default;}
.j-works .p-body .g-fc li span{display:block; text-align:center; font-size:12px; color:#bfbfbf; line-height:36px;}
.j-works .p-body .previous{padding:0 0 0 55px;}
.j-works .p-body .previous .r{ padding-bottom:30px;}
.j-works .p-body .previous dl{ display:block; padding:37px 0 40px; border-bottom:1px solid #eee;}
.j-works .p-body .previous dl dt{float:left;}
.j-works .p-body .previous dd{float:right; width:745px; }
.j-works .p-body .previous dd p{display:block; line-height:22px; font-size:12px; padding:0 53px 28px 0; margin-bottom:28px; border-bottom:1px solid #eee; color:#252525;}
.j-works .p-body .previous dd span.s1{float:left; width:244px;}
.j-works .p-body .previous dd span.s2{float:left; width:470px;}
.j-works .p-body .previous dd span b{display:block; font-size:14px; padding-bottom:20px; color:#2c6ed5; white-space:nowrap;}
.j-works .p-body .previous dd span.s1 ul,.j-works .p-body .previous dd span.s2 ul{ display:block; float:left; line-height:26px; font-size:12px; width:222px; margin:0 auto;}
.j-works .p-body .previous dd span.s2 ul{ margin:0 13px 13px 0;}
.j-works .p-body .previous dd span.s3{ float:left; width:373px;}
.j-works .p-body .previous dd span.s4{ float:left; width:360px;}
.j-works .p-body .previous dd span.s3 ul,.j-works .p-body .previous dd span.s4 ul{ display:block; font-size:12px; line-height:26px; width:372px; margin:0;}
.j-works .p-body .j-act-pic h2{display:block; width:112px; height:44px; text-indent:-999em; margin:0 auto; background:url(img/base-sprite.png) no-repeat -788px 0;}
.j-works .p-body .j-act-pic ul{display:block; margin:10px 0 0;}
.j-works .p-body .j-act-pic ul li{ float:left;}
.j-works .p-body .j-act-pic ul li a{ cursor:default;}
.j-works .p-body .j-act-pic ul li img{ display:block; width:281px; height:187px; border:0; margin:0 6px 7px 0;}

.j-contact{ width:964px; height:620px; margin:24px auto 0; position:relative;}
.j-contact .c-head{ height:60px; background:#fff; border-radius:8px; -webkit-border-radius:8px; position:absolute; top:18px; left:20%; z-index:9;}
.j-contact .c-head span{ display:block; height:60px; line-height: 60px; overflow:hidden;}
.j-contact .c-head span a{float:left; color:#555; width:32px; height:60px; text-align:center; overflow:hidden; cursor:pointer; position:relative;margin: 0 30px;}
.j-contact .c-head span a:link,.j-contact .c-head span a:visited{color:#555;}
.j-contact .c-head span a:hover,.j-contact .c-head span a.on{ color:#e9474b; font-weight:bold;}
/* .j-contact .c-head span a.a2{margin:0 38px;}
.j-contact .c-head span a.a3{margin-right:38px;}
.j-contact .c-head span a.a4{margin-right:38px;} */
.j-contact .c-head span a var{ display:block; width:0%; position:absolute; height:2px; background:#e9474b; position:absolute; bottom:0; left:0;}
.j-contact .c-head span a:hover var,.j-contact .c-head span a.on var{ width:100%;}
.j-contact .c-body .c{ width:303px; position:absolute;  top:90px; left:20%; z-index:8; }
.j-contact .c-body .txt{ width:303px;}
.j-contact .c-body .txt .r1{ width:380px; height:201px; background:rgba(233,71,75,0.9); border-radius:8px; -webkit-border-radius:8px;}
.j-contact .c-body .txt .r1 h1{ display:block; font-size:18px; height:70px; font-weight:bold; color:#fff; padding:33px 10px 0 31px; overflow:hidden;}
.j-contact .c-body .txt .r1 p{ display:block;padding:10px 10px 0 31px; color:#fff; font-size:14px;}
.j-contact .c-body .txt .r1 p var{ display:inline-block; *display:inline; *zoom:1; vertical-align:top; width:50px; overflow:hidden;}
.j-contact .c-body .txt .r1 p font{ display:inline-block; *display:inline; *zoom:1; vertical-align:top; width:208px;}

.j-contact .c-body .txt .r2{display: none; width:303px; height:303px; margin:13px auto 0; background:#fff; border-radius:8px; -webkit-border-radius:8px;}
.j-contact .c-body .txt .r2 dl{display:block; padding:25px 0; margin:0 24px;}
.j-contact .c-body .txt .r2 dl dt{float:left; width:76px; line-height:20px; text-align:left; overflow:hidden;}
.j-contact .c-body .txt .r2 dl dd{float:left; width:180px; text-align:left; font-size:14px;}
.j-contact .c-body .txt .r2 dl dd p{display:block; line-height:23px;}
.j-contact .c-body .txt .r2 dl dd p em{ font-family:"Helvetica";}

.j-contact .c-body .c{ display:none;}
.j-contact .c-body .on{ display:block;}

#map{ height:620px;}


.j-entry-bg1{ width: 100%; background: url(img/j-entry-bg1.jpg) no-repeat center 0;}
.j-entry-bg2{ width: 100%; background: url(img/j-entry-bg2.jpg) no-repeat center 1327px;}
.j-entry-bg3{ width: 100%; background: url(img/j-entry-bg3.jpg) no-repeat center bottom;}
.j-entry-bg4{ background: none;}
.j-entry{width: 1000px; margin: 0 auto;}
.j-entry .j-e-banner{ width: 100%; height: 553px; background: url(img/j-entry-banner.jpg) no-repeat center 0; margin: 0 auto;}
.j-entry .j-main{ width: 1000px; margin: 0 auto; padding-top: }
.j-entry .j-main .j-t-head{width: 100%; height: 112px; padding-top: 64px; background: url(img/j-m-img01.jpg) no-repeat center 0; margin: 0 auto;}
.j-entry .j-main .m-con{ width: 792px; height: 88px; margin:0 auto; background: url(img/j-m-btn01.jpg) no-repeat center 0;}
.j-entry .j-main .m-con a{ float: left; width: 396px; height: 88px; overflow: hidden; text-indent: -9999em; background: url(img/blank.gif) no-repeat center 0;}
.j-entry .j-main .m-con .m-details.on{background: url(img/j-m-btn02.jpg) no-repeat 0 0;}
.j-entry .j-main .m-con .m-works.on{background: url(img/j-m-btn02.jpg) no-repeat -396px 0;}
.j-entry .j-main .j-t-box{ display: none;}
.j-entry .j-main .j-t-box.on{ display: block;}
.j-entry .j-main .j-t-list{background: #8cbd3d;  min-height: 1100px;}
.j-entry .j-e-foreword{ width: 100%; height: 320px; background: #8cbd3d; margin: 0 auto;}
.j-entry .j-e-foreword h1{ display: block; width: 182px; height: 48px; margin: 0 auto; background: url(img/j-m-img02.gif) no-repeat 0 0;}
.j-entry .j-e-foreword .t{ width: 730px; margin: 0 auto; padding-top: 48px;}
.j-entry .j-e-foreword .t p{ display: block; text-align: center; color: #ffffff; line-height: 28px; font-size: 16px;}
.j-entry .j-e-foreword .t p.p2{ padding: 22px 0;}
.j-entry .j-e-process{width: 100%; height: 1030px; background: url(img/j-entry-process.jpg) no-repeat center 0; margin: 0 auto;}
.j-entry .j-e-review{width: 100%; height: 824px; background: url(img/j-entry-review.jpg) no-repeat center 0; margin: 0 auto;}
.j-entry .j-e-description{width: 100%; height: 760px; background: url(img/j-entry-description.jpg) no-repeat center 0; margin: 0 auto;}
.j-entry .j-e-ewm{width: 100%; height: 572px; background: url(img/j-entry-ewm.jpg) no-repeat center 0; margin: 0 auto;}
.j-entry .j-e-sign{width: 100%; height: 452px; background: url(img/j-entry-sign.jpg) no-repeat center 0; margin: 0 auto;}
.j-entry .j-e-sign .contact{ width: 612px; height: 55px; margin: 0 auto; padding-top: 264px;}
.j-entry .j-e-sign .contact a{ float: left; width: 306px; height: 55px; text-indent: -999em; overflow: hidden; cursor: default;}
.j-entry .j-main .j-wrap{ width: 976px; height: 1100px; margin: 0 auto; overflow: hidden; position: relative;}
.j-entry .j-main .j-wrap ul{display: block; width: 20000000px; position: absolute; top: 0; left: 0; }
.j-entry .j-main .j-wrap ul li{ display: block; width: 976px; overflow: hidden;}
.j-entry .j-main .j-wrap ul li{ float: left; width: 976px;  overflow: hidden;}
.j-entry .j-main .j-wrap li a{ float: left; width: 244px; height: 241px; margin: 0 0 18px 0; overflow: hidden; position: relative;}
.j-entry .j-main .j-wrap li a p{ display: block; width: 230px; height: 241px; margin: 0 auto; position: relative; z-index: 1;}
.j-entry .j-main .j-wrap li a p span{ display: block; width: 230px; height: 170px; margin-top: 7px; margin-bottom: 12px; overflow: hidden;}
.j-entry .j-main .j-wrap li a .v{ display: block; width: 244px; height: 241px;  position: absolute; top: 0; left: 0; z-index: 0;}
.j-entry .j-main .j-wrap li a img{ display: block; width: 100%;}
.j-entry .j-main .j-wrap li a strong{ display: block; width: 100%; text-align: left; font-size: 20px; padding: 0 0 5px 0; color: #fff;}
.j-entry .j-main .j-wrap li a font{display: block; width: 100%; text-align: left; font-size: 14px; color: #fff;}
.j-entry .j-main .j-wrap .ctr-btn{ display: block; width: 100%;  text-align: center; position: absolute; bottom: 20px; left: 0;}
.j-entry .j-main .j-wrap .ctr-btn a{ display: inline-block; vertical-align: middle; width: 34px; height: 34px; font-size: 20px; color: #7d7d7d; text-align: center; line-height: 34px; border-radius: 3px; -webkit-border-radius: 3px; margin: 5px; overflow: hidden; background: #fff;}
.j-entry .j-main .j-wrap .ctr-btn a:hover,.j-entry .j-main .j-wrap .ctr-btn a.on{ background: #e9dfdf; color: #8f8686;}

.j-entry .j-main .j-wrap li a.imgHover .v{background: #fff;}

.j-entry .j-main .j-wrap li a img{ -webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
-ms-transition: -moz-transform 0.3s
transition: transform 0.3s;}

.j-entry .j-main .j-wrap li a.imgHover img{ 
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);}

.t-mask{ display:none; width:100%; height:100%; background:#000; filter:alpha(opacity=80);opacity:0.8;-moz-opacity:0.8; position:absolute; top:0; left:0; z-index:1;}
.pop-layer{ display:none; width:900px; position:absolute; top:2.5%; left:50%; padding:0; margin-left:-450px; z-index:9;} 
.pop-layer a.close{display:block; width:20px; height:20px; cursor:pointer; overflow:hidden; position:absolute; top:10px; right:10px; z-index:2;}
.pop-layer a:hover img{transform:rotate(0deg);-moz-transform:rotate(0deg); -webkit-transform:rotate(0deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0);}
.pop-layer a.rotate img{transform:rotate(-270deg);-moz-transform:rotate(-270deg); -webkit-transform:rotate(-270deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);}

.pop-layer .p-head{ width:900px; height:421px; position:relative;}
.pop-layer .p-head .g-info{ width:281px; height:215px; position:absolute; top:175px; left:43px; z-index:1;}
.pop-layer .p-head .g-info h1{display:block; font-size:24px; color:#fff;}
.pop-layer .p-head .g-info h1 font{ display:inline-block; *display:inline; *zoom:1; vertical-align:middle; font-size:12px; padding:3px 10px; margin-left:5px; background:rgba(0,0,0,0.3); border-radius:8px; -webkit-border-radius:8px;}
.pop-layer .p-head .g-info p{display:block; font-size:12px; color:#fff; line-height:23px; padding:13px 0;}
.pop-layer .p-head .g-btn{ width:650px; height:40px;}
.pop-layer .p-head .g-btn a{ float:left; width:130px; height:40px; border-radius:6px; -webkit-border-radius:6px; cursor:pointer; position:relative;}
.pop-layer .p-head .g-btn a b{ display:block; width:130px; height:40px; text-indent:-999em;}
.pop-layer .p-head .g-btn a.down{background:rgba(0,0,0,0.5) url(img/base-sprite.png) no-repeat 6px -333px;margin-right:7px;}
.pop-layer .p-head .g-btn a.down:hover{background:rgba(0,0,0,0.65) url(img/base-sprite.png) no-repeat 6px -368px;}
.pop-layer .p-head .g-btn a.site{background:rgba(0,0,0,0.5) url(img/base-sprite.png) no-repeat -122px -335px;}
.pop-layer .p-head .g-btn a.site:hover{background:rgba(0,0,0,0.65) url(img/base-sprite.png) no-repeat -122px -370px;}

.pop-layer .p-head .g-info.OneTwoOne-info h1{display:block; font-size:24px; color:#000;}
.pop-layer .p-head .g-info.OneTwoOne-info h1 font{color:#fff;}


.pop-layer .p-head .g-btn a.ewm{ width:50px; background:rgba(0,0,0,0.5) url(img/base-sprite.png) no-repeat -293px -335px; margin-left:7px;}
.pop-layer .p-head .g-btn a.ewm:hover{background:rgba(0,0,0,0.65) url(img/base-sprite.png) no-repeat -293px -367px;}

.pop-layer .p-head .g-btn em{display:none; width:95px; height:95px; position:absolute; top:-124px; box-shadow:1px 2px 10px rgba(0, 0, 0, 0.5);  background:#fff; padding:5px; border-radius:8px; -webkit-border-radius:8px;}
.pop-layer .p-head .g-btn em.e1{left:15px;}
.pop-layer .p-head .g-btn em.e2{left:-27px;}
.pop-layer .p-head .g-btn em img{ display:block; border:0;width:95px; height:95px;}
.pop-layer .p-head .g-btn em i{display:block; width: 0; height: 0;  border-left:5px solid transparent; border-right:5px solid transparent; border-top:6px solid #fff; position:absolute; top:105px; left:49px;}


.pop-layer .p-head .luobo-info h1{color:#29a1f8;}
.pop-layer .p-head .luobo-info h1 font{background:#ffa240;}
.pop-layer .p-head .luobo-info p{color:#525451;}
.pop-layer .p-head .luobo-info .g-btn a.down{background:rgba(41,137,211,0.65) url(img/base-sprite.png) no-repeat 0 -333px;margin-right:7px;}
.pop-layer .p-head .luobo-info .g-btn a.down:hover{background:rgba(41,137,211,0.75) url(img/base-sprite.png) no-repeat 0 -368px;}
.pop-layer .p-head .luobo-info .g-btn a.site{background:rgba(41,137,211,0.65) url(img/base-sprite.png) no-repeat -122px -335px;}
.pop-layer .p-head .luobo-info .g-btn a.site:hover{background:rgba(41,137,211,0.75) url(img/base-sprite.png) no-repeat -122px -370px;}



.pop-layer .p-body{ background:#fff;}
.pop-layer .p-body dl:after {content:".";clear:both;display:block;height:0;visibility:hidden;}
.pop-layer .p-body dl{display:inline-block;}
.pop-layer .p-body dl{display:block; padding:65px 0; border-bottom:1px solid #ebebeb;}
.pop-layer .p-body dl.d1 span{float:left; width:368px; height:240px; border-radius:5px; -webkit-border-radius:5px; box-shadow:-2px 0px 8px rgba(0,0,0,0.3),0px -2px 8px rgba(0,0,0,0.3),0px 2px 8px rgba(0,0,0,0.3),2px 0px 8px rgba(0,0,0,0.3);}
.pop-layer .p-body dl.d1 p{float:right; width:310px; height:215px; padding-top:25px; overflow:hidden;}
.pop-layer .p-body dl.d1 p img{display:block; border:0; margin-bottom:10px;}
.pop-layer .p-body dl.d1 p font{display:block; font-size:12px; padding-top:10px; color:#343434; line-height:20px;}

.pop-layer .p-body dl.d2 span{float:right; width:485px; height:240px; border-radius:5px; -webkit-border-radius:5px; box-shadow:-2px 0px 8px rgba(0,0,0,0.3),0px -2px 8px rgba(0,0,0,0.3),0px 2px 8px rgba(0,0,0,0.3),2px 0px 8px rgba(0,0,0,0.3);}
.pop-layer .p-body dl.d2 p{float:left; width:260px; height:215px; padding-top:25px; overflow:hidden;}
.pop-layer .p-body dl.d2 p img{display:block; border:0; margin-bottom:10px;}
.pop-layer .p-body dl.d2 p font{display:block; font-size:12px; padding-top:10px; color:#343434; line-height:20px;}

.pop-layer .p-body dl.d3 span{float:left; width:471px; height:240px; border-radius:5px; -webkit-border-radius:5px; box-shadow:-2px 0px 8px rgba(0,0,0,0.3),0px -2px 8px rgba(0,0,0,0.3),0px 2px 8px rgba(0,0,0,0.3),2px 0px 8px rgba(0,0,0,0.3);}
.pop-layer .p-body dl.d3 p{float:right; width:228px; height:215px; padding-top:25px; overflow:hidden;}
.pop-layer .p-body dl.d3 p img{display:block; border:0; margin-bottom:10px;}
.pop-layer .p-body dl.d3 p font{display:block; font-size:12px; padding-top:10px; color:#343434; line-height:20px;}

.pop-layer .p-body dl.d4{ border-bottom:0;}
.pop-layer .p-body dl.d4 span{float:left; width:368px; height:240px; border-radius:5px; -webkit-border-radius:5px; box-shadow:-2px 0px 8px rgba(0,0,0,0.3),0px -2px 8px rgba(0,0,0,0.3),0px 2px 8px rgba(0,0,0,0.3),2px 0px 8px rgba(0,0,0,0.3);}
.pop-layer .p-body dl.d4 p{float:right; width:310px; height:215px; padding-top:25px; overflow:hidden;}
.pop-layer .p-body dl.d4 p img{display:block; border:0; margin-bottom:10px;}
.pop-layer .p-body dl.d4 p font{display:block; font-size:12px; padding-top:10px; color:#343434; line-height:20px;}


.pop-layer .p-foot{ height:100px; padding:0 40px; background:#f5f5f5; border-bottom-left-radius:8px; -webkit-border-bottom-left-radius:8px; border-bottom-right-radius:8px; -webkit-border-bottom-right-radius:8px;}
.pop-layer .p-foot .f-l{float:left; width:650px; padding-top:30px;}
.pop-layer .p-foot .f-l a{float:left; width:133px; margin-right:45px;}
.pop-layer .p-foot .f-l p{float:left; line-height:20px; color:#a9a9a9;}
.pop-layer .p-foot .f-r{float:right; line-height:20px; color:#a9a9a9;}



.pop-layer .p-foot .f-wx{float:left; width:115px; height:33px; margin:35px 0 0 0; position:relative;}
.pop-layer .p-foot .f-wx a{display:block; width:115px; height:33px; background:url(img/base-sprite.png) no-repeat -238px -264px; text-indent:-999em; cursor:pointer;}
.pop-layer .p-foot .f-wx a:hover{background:url(img/base-sprite.png) no-repeat -238px -299px;}
.pop-layer .p-foot .f-wx em{display:block;}
.pop-layer .p-foot .f-wx em{display:none; width:95px; height:95px; position:absolute; top:-40px; left:120px; background:#fff; padding:3px; border-radius:8px; -webkit-border-radius:8px;}
.pop-layer .p-foot .f-wx em img{ display:block; border:0;width:95px; height:95px;}
.pop-layer .p-foot .wx-show em{display:block;}
.pop-layer .p-foot .f-btn{float:right; width:237px; height:33px; margin:35px 0 0;  overflow:hidden;}
.pop-layer .p-foot .f-btn a{ float:left; width:115px; height:33px; overflow:hidden; text-indent:-999em; cursor:pointer;}
.pop-layer .p-foot .f-btn a.down{background:url(img/base-sprite.png) no-repeat 0 -264px; margin-right:7px;}
.pop-layer .p-foot .f-btn a.down:hover{background:url(img/base-sprite.png) no-repeat 0 -299px;}
.pop-layer .p-foot .f-btn a.site{background:url(img/base-sprite.png) no-repeat -122px -264px;}
.pop-layer .p-foot .f-btn a.site:hover{background:url(img/base-sprite.png) no-repeat -122px -299px;}


.xt-layer{ display: none; width: 1084px; height: 710px; background:#fff; border-radius: 10px; -webkit-border-radius: 10px; position: absolute; top: 45%; left: 50%; margin:0 0 0 -542px; z-index: 999}
.xt-layer .box{ width: 1036px; height: 660px; margin: 0 auto; padding-top: 10px; }
.xt-layer .box .title{ display: block; border-bottom: 1px solid #dcdcdc; padding: 16px 0 18px; margin-bottom: 20px;}
.xt-layer .box .title h3{ display: block; font-size: 23px; color: #2c2c2c; font-weight: bold; padding-bottom: 8px;}
.xt-layer .box .title font{ display: block; font-size: 14px; color: #2c2c2c; font-weight: bold;}
.xt-layer .xt-close{ display: block; width: 35px; height: 35px; background: url(img/xt-close.png) no-repeat 0 0; text-indent: -999em; cursor: pointer; position: absolute; top: 10px; right: 10px; z-index: 10000;}
.xt-layer .xt-close:hover{background: url(img/xt-close.png) no-repeat 0 -35px; }

.con_scroll{width:1040px; height:560px; margin: 0 auto; overflow:hidden; background:#fff; }
.con_scroll .txt{width:1008px; line-height: 24px;}
.con_scroll .txt .pImg{ width: 100%; margin: 15px auto;}
.con_scroll .txt img{ display: block; float: left; border: 0; margin: 0 11px 22px 19px;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:10px !important;  background:#ea5350 !important;}
.mCSB_scrollTools .mCSB_draggerRail{ width:10px !important; background:#dcdcdc !important;}

/*分页CSS开始*/
.pagination {clear:both;color:#cbcbcb;cursor:default;padding:25px 26px; text-align:right;}
.pagination a,.pagination span.current,.pagination span.disabled,.pagination em{*display:inline-block;margin:0 3px;padding:4px 10px;*line-height:1.2;*vertical-align: middle; background-color:#fff; border:1px solid #eee; border-radius:6px; -webkit-border-radius:6px;}
.pagination a {text-decoration:none;color:#b7b7b7;}
.pagination a:hover,.pagination a.current{text-decoration:none;background-color:#eee; color:#bebebe;}
.pagination span.current {display:inline !important;background-color:#eee; color:#bebebe;cursor:default;}
.pagination a.disabled,.pagination em{color:#999; cursor:default; background-color:#999; border:1px solid #666;}
.pagination input{width:44px;margin:0 5px;padding: 2px 3px;text-align: center;}
/*分页CSS结束*/



 
 
/*footer*/
.footer{ width:100%; margin:20px auto 0; padding:22px 0; line-height:26px; background:#f2f2f2; }
.footer .fy-info,.footer .f-copy{width:964px; margin:0 auto;  padding:20px 0; position:relative;}
.footer .fy-info{border-bottom:1px solid #dedede;}
.footer .fy-info dl{float:left; width:160px;}
.footer .fy-info dl.d6 dt{padding-left:6px;}
.footer .fy-info dl dt{display:block; font-size:14px; color:#999; font-weight:bold; white-space:nowrap;}
.footer .fy-info dl dd{display:block; padding-top:5px;}
.footer .fy-info dl dd a{display:block; color:#999; font-size:12px; height:32px; line-height:32px; position:relative;}
.footer .fy-info dl dd a:link,.footer .fy-info dl dd a:visited{color:#999; text-decoration:none;}
.footer .fy-info dl dd a:hover{color:#ff8300;}
.footer .fy-info dl dd a var{ display:inline-block; *display:inline; *zoom:1; vertical-align:middle; width:26px; height:26px; overflow:hidden; background-image:url(img/base-bg.png); background-repeat:no-repeat;}
.footer .fy-info dl dd a var.icon-tel{background-position:0 -248px;}
.footer .fy-info dl dd a var.icon-qq{background-position:0 -278px;}
.footer .fy-info dl dd a var.icon-email{background-position:0 -305px;}
.footer .fy-info .f-gz{float:right; width:160px; height:30px;}
.footer .fy-info .f-gz strong{float:left; line-height:30px; margin-right:10px;}
.footer .fy-info .f-gz a{float:left; width:30px; height:30px; margin-right:5px;  background-repeat:no-repeat; position:relative;}
.footer .fy-info .f-gz a font{ display:block;width:30px; height:30px; text-indent:-999em; background:url(img/blank.gif) no-repeat 0 0;}
.footer .fy-info .f-gz a.icon-xl{ background:url(img/base-bg.png) no-repeat -33px -248px;}
.footer .fy-info .f-gz a.icon-wx{ background:url(img/base-bg.png) no-repeat -71px -248px;}
.footer .fy-info .f-gz a.icon-xl:hover{ background:url(img/base-bg.png) no-repeat -33px -279px;}
.footer .fy-info .f-gz a.icon-wx:hover{ background:url(img/base-bg.png) no-repeat -71px -279px;}
.footer .fy-info .f-gz a.icon-wx em{display:none; width:95px; height:95px; position:absolute; top:33px; left:20px; background:#fff; padding:5px; border-radius:8px; -webkit-border-radius:8px; z-index:9;}
.footer .fy-info .f-gz a.icon-wx img{ display:block; width:95px; height:95px; border:0;}
.footer .fy-info .f-gz a.wx-show em{display:block;}

.footer .f-copy .f-l{float:left; width:150px; margin-top: 11px}
.footer .f-copy .f-l a{float:left; width:133px; margin-right:15px;}
.footer .f-copy .f-l p{float:left; line-height:20px; color:#a9a9a9;}
.footer .f-copy .f-r{float:right; line-height:20px; color:#a9a9a9;}